<#--<#import "../common/common.ftl" as common/>-->

<#include "../common/header.ftl">
<#include "../common/footer.ftl">
<#include "../common/htmlwrap.ftl">

<#--<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]&ndash;&gt;
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]&ndash;&gt;
<!--[if !IE]><!&ndash;&gt;
<html lang="en">
<!--<![endif]&ndash;&gt;-->
<@html>

<head>
    <@header title="视频管理首页">
    </@header>
</head>

<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
<!-- Header头部 -->
<div class="page-header navbar navbar-fixed-top">
    <div class="page-header-inner ">
        <!-- logo -->
        <div class="page-logo">
            <a href="#" style="margin-top: 10px; margin-left: 20px;" class="logo-default">
                <span style="color: white; font-size: 20px;" class="logo-default">SuperUI </span>
            </a>
            <div class="menu-toggler sidebar-toggler"></div>
        </div>

    <#--左侧边栏打开关闭按钮-->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse"
           data-target=".navbar-collapse"> </a>

        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">


            <#--提醒-->
                <!--<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <i class="icon-bell"></i>
                        <span class="badge badge-default"> 7 </span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="external">
                            <h3>
                                <span class="bold">12 条</span> 提醒
                            </h3>
                            <a link="#">查看所有</a>
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">现在</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-success">
                                                    <i class="fa fa-plus"></i>
                                                </span> 新用户注册!
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">3 分钟</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-danger">
                                                    <i class="fa fa-bolt"></i>
                                                </span> 服务器 #12 超载！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">10 分钟</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-warning">
                                                    <i class="fa fa-bell-o"></i>
                                                </span> 服务器 #2 无法响应！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">14 小时</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-info">
                                                    <i class="fa fa-bullhorn"></i>
                                                </span> 应用服务器错误！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">2 天</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-danger">
                                                    <i class="fa fa-bolt"></i>
                                                </span> 数据库负载 68%!
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">3 天</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-danger">
                                                    <i class="fa fa-bolt"></i>
                                                </span> ddos攻击10000次！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">4 天</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-warning">
                                                    <i class="fa fa-bell-o"></i>
                                                </span>存储服务器 #4 无法响应！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">5 天</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-info">
                                                    <i class="fa fa-bullhorn"></i>
                                                </span> 系统错误！
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="time">9 天</span>
                                        <span class="details">
                                                <span class="label label-sm label-icon label-danger">
                                                    <i class="fa fa-bolt"></i>
                                                </span> 数据库中断！
                                            </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>-->
                <!-- END NOTIFICATION DROPDOWN -->
                <!-- BEGIN INBOX DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->

            <#--消息-->
                <!--<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <i class="icon-envelope-open"></i>
                        <span class="badge badge-default"> 4 </span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="external">
                            <h3>
                                You have
                                <span class="bold">7 新</span> 消息
                            </h3>
                            <a link="../app/app_inbox.html">查看所有</a>
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
                                <li>
                                    <a href="#">
                                            <span class="photo">
                                                <img src="../content/superui/global/img/photos/girl1.png"
                                                     class="img-circle" alt="">
                                            </span>
                                        <span class="subject">
                                                <span class="from">豹哥 </span>
                                                <span class="time">立刻 </span>
                                            </span>
                                        <span class="message"> superui第一版发布啦... </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                            <span class="photo">
                                                <img src="../content/superui/global/img/photos/girl2.png"
                                                     class="img-circle" alt="">
                                            </span>
                                        <span class="subject">
                                                <span class="from"> 龙哥 </span>
                                                <span class="time">16 分钟 </span>
                                            </span>
                                        <span class="message"> 后台管理系统已经完成... </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                            <span class="photo">
                                                <img src="../content/superui/global/img/photos/girl1.png"
                                                     class="img-circle" alt="">
                                            </span>
                                        <span class="subject">
                                                <span class="from"> 威哥 </span>
                                                <span class="time">2 小时 </span>
                                            </span>
                                        <span class="message"> 后台crm v1.0版本已完成... </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                            <span class="photo">
                                                <img src="../content/superui/global/img/photos/girl3.png"
                                                     class="img-circle" alt="">
                                            </span>
                                        <span class="subject">
                                                <span class="from"> 虎哥 </span>
                                                <span class="time">40 分钟 </span>
                                            </span>
                                        <span class="message"> 提前10天完成SuperUI快速开发平台！ </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                            <span class="photo">
                                                <img src="../content/superui/global/img/photos/girl4.png"
                                                     class="img-circle" alt="">
                                            </span>
                                        <span class="subject">
                                                <span class="from"> 小雪 </span>
                                                <span class="time">46 分钟 </span>
                                            </span>
                                        <span class="message"> 你家宝宝生啦... </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>-->

                <!-- END INBOX DROPDOWN -->
                <!-- BEGIN TODO DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->

                <!--<a></a>-->
            <#--任务-->
                <!--<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <i class="icon-calendar"></i>
                        <span class="badge badge-default"> 3 </span>
                    </a>
                    <ul class="dropdown-menu extended tasks">
                        <li class="external">
                            <h3>
                                You have
                                <span class="bold">12 条</span> 任务
                            </h3>
                            <a link="../app/app_todo.html">查看所有</a>
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">New release v1.2 </span>
                                                <span class="percent">30%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 40%;" class="progress-bar progress-bar-success"
                                                      aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">40% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">应用程序开发</span>
                                                <span class="percent">65%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 65%;" class="progress-bar progress-bar-danger"
                                                      aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">65% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">手机app发布</span>
                                                <span class="percent">98%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 98%;" class="progress-bar progress-bar-success"
                                                      aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">98% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">数据库部署</span>
                                                <span class="percent">10%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 10%;" class="progress-bar progress-bar-warning"
                                                      aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">10% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">Web server 升级</span>
                                                <span class="percent">58%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 58%;" class="progress-bar progress-bar-info"
                                                      aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">58% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">手机开发</span>
                                                <span class="percent">85%</span>
                                            </span>
                                        <span class="progress">
                                                <span style="width: 85%;" class="progress-bar progress-bar-success"
                                                      aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">85% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                            <span class="task">
                                                <span class="desc">New UI 发布</span>
                                                <span class="percent">38%</span>
                                            </span>
                                        <span class="progress progress-striped">
                                                <span style="width: 38%;" class="progress-bar progress-bar-important"
                                                      aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
                                                    <span class="sr-only">38% 完成</span>
                                                </span>
                                            </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>-->

                <li class="dropdown dropdown-user">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <img alt="" class="img-circle" src="${common.AssetsGlobal}img/photos/girl1.png"/>
                        <span class="username username-hide-on-mobile"> tzhsweet </span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-default">
                        <!--<li>
                            <a href="../page/page_user_profile_1.html">
                                <i class="icon-user"></i> 个人信息
                            </a>
                        </li>
                        <li>
                            <a href="../app/app_calendar.html">
                                <i class="icon-calendar"></i> 我的日历
                            </a>
                        </li>
                        <li>
                            <a href="../app/app_inbox.html">
                                <i class="icon-envelope-open"></i> 我的邮箱
                                <span class="badge badge-danger"> 3 </span>
                            </a>
                        </li>
                        <li>
                            <a href="../app/app_todo.html">
                                <i class="icon-rocket"></i> 我的任务
                                <span class="badge badge-success"> 7 </span>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="../page/page_user_lock_1.html">
                                <i class="icon-lock"></i> 锁屏
                            </a>
                        </li>-->
                        <li>
                            <a href="#">
                                <i class="icon-key"></i> 退出
                            </a>
                        </li>
                    </ul>
                </li>

            <#--右侧边栏-->
                <li class="dropdown dropdown-quick-sidebar-toggler">
                    <a href="javascript:;" class="dropdown-toggle">
                        <i class="icon-logout"></i>
                    </a>
                </li>

            </ul>
        </div>
    </div>
</div>

<div class="clearfix"></div>

<div class="page-container">
    <!--侧边栏菜单-->
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="true" data-auto-scroll="false"
                data-slide-speed="200" style="padding-top: 20px">
                <li class="sidebar-toggler-wrapper hide">
                    <div class="sidebar-toggler"></div>
                </li>
            <#--搜索-->
                <!--<li class="sidebar-search-wrapper">
                    <form class="sidebar-search  " action="#" method="POST">
                        <a href="javascript:;" class="remove">
                            <i class="icon-close"></i>
                        </a>
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="搜索...">
                            <span class="input-group-btn">
                                    <a href="javascript:;" class="btn submit">
                                        <i class="icon-magnifier"></i>
                                    </a>
                                </span>
                        </div>
                    </form>
                </li>-->


            </ul>
        </div>
    </div>
    <div class="page-content-wrapper">
        <div class="page-content">
            <!--换肤设置-->
            <div class="theme-panel hidden-xs hidden-sm" style="margin-top:0px;">
                <div class="toggler"></div>
                <div class="toggler-close"></div>
                <div class="theme-options">
                    <div class="theme-option theme-colors clearfix">
                        <span> 主题颜色 </span>
                        <ul>
                            <li class="color-default current tooltips" data-style="default" data-container="body"
                                data-original-title="默认"></li>
                            <li class="color-darkblue tooltips" data-style="darkblue" data-container="body"
                                data-original-title="蓝黑色"></li>
                            <li class="color-blue tooltips" data-style="blue" data-container="body"
                                data-original-title="蓝色"></li>
                            <li class="color-grey tooltips" data-style="grey" data-container="body"
                                data-original-title="灰色"></li>
                            <li class="color-light tooltips" data-style="light" data-container="body"
                                data-original-title="浅色"></li>
                            <li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true"
                                data-original-title="浅色 2"></li>
                        </ul>
                    </div>
                    <div class="theme-option">
                        <span> 主题风格 </span>
                        <select class="layout-style-option form-control input-sm">
                            <option value="square" selected="selected">方块</option>
                            <option value="rounded">圆角</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 布局 </span>
                        <select class="layout-option form-control input-sm">
                            <option value="fluid" selected="selected">流式布局</option>
                            <option value="boxed">盒式布局</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 头部 </span>
                        <select class="page-header-option form-control input-sm">
                            <option value="fixed" selected="selected">自适应</option>
                            <option value="default">默认</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 顶级下拉菜单</span>
                        <select class="page-header-top-dropdown-style-option form-control input-sm">
                            <option value="light" selected="selected">浅色</option>
                            <option value="dark">深色</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 侧边栏</span>
                        <select class="sidebar-option form-control input-sm">
                            <option value="fixed">自适应</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 滑动菜单 </span>
                        <select class="sidebar-menu-option form-control input-sm">
                            <option value="accordion" selected="selected">手风琴</option>
                            <option value="hover">滑动</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 侧边栏样式 </span>
                        <select class="sidebar-style-option form-control input-sm">
                            <option value="default" selected="selected">默认</option>
                            <option value="light">浅色</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 侧边栏位置 </span>
                        <select class="sidebar-pos-option form-control input-sm">
                            <option value="left" selected="selected">左</option>
                            <option value="right">右</option>
                        </select>
                    </div>
                    <div class="theme-option">
                        <span> 尾部 </span>
                        <select class="page-footer-option form-control input-sm">
                            <option value="fixed">自适应</option>
                            <option value="default" selected="selected">默认</option>
                        </select>
                    </div>
                </div>
            </div>

        <#--iframe和tab-->
            <div id="content-wrapper" style="margin:0px;">
                <!--bootstrap tab风格 多标签页-->
                <div class="content-tabs">
                    <button class="roll-nav roll-left tabLeft" onclick="scrollTabLeft()">
                        <i class="fa fa-backward"></i>
                    </button>
                    <nav class="page-tabs menuTabs tab-ui-menu" id="tab-menu">
                        <div class="page-tabs-content" style="margin-left: 0px;">

                        </div>
                    </nav>
                    <button class="roll-nav roll-right tabRight" onclick="scrollTabRight()">
                        <i class="fa fa-forward" style="margin-left: 3px;"></i>
                    </button>
                    <div class="btn-group roll-nav roll-right">
                        <button class="dropdown tabClose" data-toggle="dropdown">
                            页签操作<i class="fa fa-caret-down" style="padding-left: 3px;"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" style="min-width: 128px;">
                            <li><a class="tabReload" href="javascript:refreshTab();">刷新当前</a></li>
                            <li><a class="tabCloseCurrent" href="javascript:closeCurrentTab();">关闭当前</a></li>
                            <li><a class="tabCloseAll" href="javascript:closeOtherTabs(true);">全部关闭</a></li>
                            <li><a class="tabCloseOther" href="javascript:closeOtherTabs();">除此之外全部关闭</a></li>
                        </ul>
                    </div>
                    <button class="roll-nav roll-right fullscreen" onclick="App.handleFullScreen()"><i
                            class="fa fa-arrows-alt"></i></button>
                </div>
                <div class="content-iframe " style="background-color: #ffffff; ">
                    <div class="tab-content " id="tab-content">

                    </div>
                </div>
            </div>

        </div>
    </div>
    <a href="javascript:;" class="page-quick-sidebar-toggler">
        <i class="icon-login"></i>
    </a>

    <!--侧边栏（提醒）-->
    <!--<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
        <div class="page-quick-sidebar">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab">
                        用户
                        <span class="badge badge-danger">2</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab">
                        警告
                        <span class="badge badge-success">7</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        更多
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                <i class="icon-bell"></i> 警告
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                <i class="icon-info"></i> 提醒
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                <i class="icon-speech"></i> 活动
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                <i class="icon-settings"></i> 设置
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
                    <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd"
                         data-wrapper-class="page-quick-sidebar-list">
                        <h3 class="list-heading">职员</h3>
                        <ul class="media-list list-items">
                            <li class="media">
                                <div class="media-status">
                                    <span class="badge badge-success">8</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl1.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">豹哥</h4>
                                    <div class="media-heading-sub"> 项目经理</div>
                                </div>
                            </li>
                            <li class="media">
                                <img class="media-object" src="../content/superui/global/img/photos/girl2.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">龙哥</h4>
                                    <div class="media-heading-sub"> 程序狗</div>
                                </div>
                            </li>
                            <li class="media">
                                <div class="media-status">
                                    <span class="badge badge-danger">3</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl3.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">虎哥</h4>
                                    <div class="media-heading-sub"> CTO</div>
                                </div>
                            </li>
                            <li class="media">
                                <img class="media-object" src="../content/superui/global/img/photos/girl1.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">豹哥</h4>
                                    <div class="media-heading-sub"> CEO</div>
                                </div>
                            </li>
                        </ul>
                        <h3 class="list-heading">用户</h3>
                        <ul class="media-list list-items">
                            <li class="media">
                                <div class="media-status">
                                    <span class="badge badge-warning">2</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl2.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">虎哥</h4>
                                    <div class="media-heading-sub"> CEO</div>
                                    <div class="media-heading-small"> 03:10 AM</div>
                                </div>
                            </li>
                            <li class="media">
                                <div class="media-status">
                                    <span class="label label-sm label-success">新</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl4.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">龙哥</h4>
                                    <div class="media-heading-sub">
                                        项目经理
                                        <br> casamia
                                    </div>
                                </div>
                            </li>
                            <li class="media">
                                <img class="media-object" src="../content/superui/global/img/photos/girl3.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">威哥</h4>
                                    <div class="media-heading-sub"> CTO,蓝鸽集团</div>
                                    <div class="media-heading-small">13:10 PM</div>
                                </div>
                            </li>
                            <li class="media">
                                <div class="media-status">
                                    <span class="badge badge-success">7</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl2.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">张总</h4>
                                    <div class="media-heading-sub"> CFO</div>
                                </div>
                            </li>
                            <li class="media">
                                <img class="media-object" src="../content/superui/global/img/photos/girl1.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">李总</h4>
                                    <div class="media-heading-sub"> CEO</div>
                                </div>
                            </li>
                            <li class="media">
                                <div class="media-status">
                                    <span class="badge badge-danger">4</span>
                                </div>
                                <img class="media-object" src="../content/superui/global/img/photos/girl2.png"
                                     alt="...">
                                <div class="media-body">
                                    <h4 class="media-heading">李总</h4>
                                    <div class="media-heading-sub"> 行政主管</div>
                                    <div class="media-heading-small"> 03:10 AM</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="page-quick-sidebar-item">
                        <div class="page-quick-sidebar-chat-user">
                            <div class="page-quick-sidebar-nav">
                                <a href="javascript:;" class="page-quick-sidebar-back-to-list">
                                    <i class="icon-arrow-left"></i>返回
                                </a>
                            </div>
                            <div class="page-quick-sidebar-chat-user-messages">
                                <div class="post out">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl1.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">李秘书</a>
                                        <span class="datetime">20:15</span>
                                        <span class="body"> 你在哪里上班？ </span>
                                    </div>
                                </div>
                                <div class="post in">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl2.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">王美女</a>
                                        <span class="datetime">20:15</span>
                                        <span class="body"> 我早就发给你邮件啦！ </span>
                                    </div>
                                </div>
                                <div class="post out">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl3.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">张总</a>
                                        <span class="datetime">20:15</span>
                                        <span class="body"> 好的，谢了！ </span>
                                    </div>
                                </div>
                                <div class="post in">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl3.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">林美女</a>
                                        <span class="datetime">20:16</span>
                                        <span class="body"> 抱歉，忘了这茬！ </span>
                                    </div>
                                </div>
                                <div class="post out">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl4.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">王美女</a>
                                        <span class="datetime">20:17</span>
                                        <span class="body"> 没事！</span>
                                    </div>
                                </div>
                                <div class="post in">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl2.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">张哥</a>
                                        <span class="datetime">20:40</span>
                                        <span class="body"> 好的，我马上邮寄给你！</span>
                                    </div>
                                </div>
                                <div class="post out">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl3.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">美女</a>
                                        <span class="datetime">20:17</span>
                                        <span class="body">非常感谢！ </span>
                                    </div>
                                </div>
                                <div class="post in">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl4.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">李女士</a>
                                        <span class="datetime">20:40</span>
                                        <span class="body"> 我了解一下项目进度！ </span>
                                    </div>
                                </div>
                                <div class="post out">
                                    <img class="avatar" alt="" src="../content/superui/global/img/photos/girl4.png"/>
                                    <div class="message">
                                        <span class="arrow"></span>
                                        <a href="javascript:;" class="name">吴女士</a>
                                        <span class="datetime">20:17</span>
                                        <span class="body"> 必须的！ </span>
                                    </div>
                                </div>
                            </div>
                            <div class="page-quick-sidebar-chat-user-form">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Type a message here...">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn green">
                                            <i class="icon-paper-clip"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
                    <div class="page-quick-sidebar-alerts-list">
                        <h3 class="list-heading">常规任务</h3>
                        <ul class="feeds list-items">
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-check"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                你还有四个任务.
                                                <span class="label label-sm label-warning ">
                                                        立刻处理
                                                        <i class="fa fa-share"></i>
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 立即</div>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-success">
                                                    <i class="fa fa-bar-chart-o"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc"> 年末报表任务只剩下2天！</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date"> 20 分钟</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-danger">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc"> 需要review年终抽奖算法！</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 24 分钟</div>
                                </div>
                            </li>
                        </ul>
                        <h3 class="list-heading">系统</h3>
                        <ul class="feeds list-items">
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-check"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                你还有四个任务
                                                <span class="label label-sm label-warning ">
                                                        立即处理
                                                        <i class="fa fa-share"></i>
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 马上</div>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-danger">
                                                    <i class="fa fa-bar-chart-o"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">服务器宕机2h</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date"> 20 分钟</div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-default">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc"> 数据库崩溃，数据异常！.</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 24 分钟</div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-info">
                                                <i class="fa fa-shopping-cart"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                服务器恢复正常！
                                                <span class="label label-sm label-success">cpu恢复稳定！ </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 30 分钟</div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-success">
                                                <i class="fa fa-user"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc"> 网页无法支付！</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 24 分钟</div>
                                </div>
                            </li>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-sm label-warning">
                                                <i class="fa fa-bell-o"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                外网服务器被攻击！
                                                <span class="label label-sm label-default "> 带宽超负荷！ </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date"> 2 hours</div>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="col1">
                                        <div class="cont">
                                            <div class="cont-col1">
                                                <div class="label label-sm label-info">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>
                                            </div>
                                            <div class="cont-col2">
                                                <div class="desc">网络中断！</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col2">
                                        <div class="date"> 20 分钟</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
                    <div class="page-quick-sidebar-settings-list">
                        <h3 class="list-heading">常用设置</h3>
                        <ul class="list-items borderless">
                            <li>
                                提醒设置
                                <input type="checkbox" class="make-switch" checked data-size="small"
                                       data-on-color="success" data-on-text="启动" data-off-color="default"
                                       data-off-text="关闭">
                            </li>
                            <li>
                                允许跟踪
                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="info"
                                       data-on-text="启动" data-off-color="default" data-off-text="关闭">
                            </li>
                            <li>
                                日志错误
                                <input type="checkbox" class="make-switch" checked data-size="small"
                                       data-on-color="danger" data-on-text="启动" data-off-color="default"
                                       data-off-text="关闭">
                            </li>
                            <li>
                                服务器监控
                                <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning"
                                       data-on-text="启动" data-off-color="default" data-off-text="关闭">
                            </li>
                            <li>
                                SMS短信抱紧
                                <input type="checkbox" class="make-switch" checked data-size="small"
                                       data-on-color="success" data-on-text="启动" data-off-color="default"
                                       data-off-text="关闭">
                            </li>
                        </ul>
                        <h3 class="list-heading">系统设置</h3>
                        <ul class="list-items borderless">
                            <li>
                                安全级别
                                <select class="form-control input-inline input-sm input-small">
                                    <option value="1">正常</option>
                                    <option value="2" selected>中</option>
                                    <option value="e">高</option>
                                </select>
                            </li>
                            <li>
                                邮件失败重试次数
                                <input class="form-control input-inline input-sm input-small" value="5"/>
                            </li>
                            <li>
                                SMTP端口号
                                <input class="form-control input-inline input-sm input-small" value="3560"/>
                            </li>
                            <li>
                                系统错误短信提醒
                                <input type="checkbox" class="make-switch" checked data-size="small"
                                       data-on-color="danger" data-on-text="开启" data-off-color="default"
                                       data-off-text="关闭">
                            </li>
                            <li>
                                系统错误邮件提醒
                                <input type="checkbox" class="make-switch" checked data-size="small"
                                       data-on-color="warning" data-on-text="开启" data-off-color="default"
                                       data-off-text="关闭">
                            </li>
                        </ul>
                        <div class="inner-content">
                            <button class="btn btn-success">
                                <i class="icon-settings"></i> 保存
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>-->

</div>
<div class="page-footer">
    <div class="page-footer-inner"> 版权所有 &copy;weituotian 2015-2018&nbsp;&nbsp;&nbsp;&nbsp;</div>
    <div class="scroll-to-top">
        <i class="icon-arrow-up"></i>
    </div>
</div>
<!-- END FOOTER -->

    <@footer></@footer>

<script>

    $(function () {
        addTabs(({id: '10008', title: '欢迎页', close: false, url: '../admin/welcome.html'}));

        var menus = [
            {
                id: "10020",
                text: "SuperUI",
                icon: "fa fa-bookmark-o",
                children: [
                    {
                        id: "10021",
                        text: "页面加载",

                        icon: "icon-reload",
                        children: [
                            {
                                id: "10022",
                                text: "Ajax加载",
                                url: "../admin/index_ajax.html",
                                targetType: "blank",
                                icon: "fa fa-spinner"
                            },
                            {
                                id: "10023",
                                text: "单页加载",
                                url: "../admin/index.html",
                                targetType: "blank",
                                icon: "fa fa-refresh"
                            }
                        ]
                    },
                    {
                        id: "10025",
                        text: "框架说明文档",
                        url: "../admin/doc.html",
                        targetType: "iframe-tab",
                        icon: "icon-doc"
                    },
                    {
                        id: "10024",
                        text: "API文档库",
                        url: "http://www.kancloud.cn/superui/doc/157087",
                        targetType: "blank",
                        icon: "fa fa-file-text-o"

                    }
                ]
            },
            //{ id: "10010", text: "基础样式", isHeader: true },
            {
                id: "10001",
                text: "基础UI",
                isOpen: true,
                icon: "icon-grid",
                children: [
                    {
                        id: "10002",
                        text: "color对照表",
                        url: "../base/ui_colors.html",
                        targetType: "iframe-tab",
                        icon: "fa fa-file-image-o"
                    },
                    {
                        id: "10003",
                        text: "常用组件",
                        url: "../base/ui_general.html",
                        targetType: "iframe-tab",
                        icon: "fa fa-list-alt"
                    },
                    {
                        id: "10004",
                        text: "按钮",
                        url: "../base/ui_buttons.html",
                        targetType: "iframe-tab",
                        icon: "icon-mouse"
                    },
                    {
                        id: "10012",
                        text: "图标库",
                        url: "../base/ui_icons.html",
                        targetType: "iframe-tab",
                        icon: "icon-picture"
                    },
                    {
                        id: "10005",
                        text: "Block UI",
                        url: "../base/ui_blockui.html",
                        targetType: "iframe-tab",
                        icon: "fa fa-spinner"
                    },
                    {
                        id: "10203",
                        text: "表单组件",
                        url: "../base/form_controls.html",
                        targetType: "iframe-tab",
                        icon: "fa fa-plus-square-o"
                    },
                    {
                        id: "10013",
                        text: "tab效果",
                        tip: 5,
                        url: "../base/ui_tabs_accordions_navs.html",
                        targetType: "iframe-tab",
                        icon: "fa fa-list-ol"
                    },
                    {
                        id: "10015",
                        text: "提示框",
                        url: "../base/ui_toastr.html",
                        targetType: "iframe-tab",
                        icon: "icon-envelope"
                    },
                    {
                        id: "10204",
                        text: "switch按钮",
                        targetType: "iframe-tab",
                        url: "../base/components_bootstrap_switch.html",
                        icon: "fa fa-toggle-on"
                    },
                    {
                        id: "10017",
                        text: "各种面板",
                        targetType: "iframe-tab",
                        url: "../base/ui_typography.html",
                        icon: "icon-notebook"
                    }
                ]
            },
            //{ id: "10201", text: "扩展组件", isHeader: true },
            {
                id: "10202",
                text: "插件",

                targetType: "iframe-tab",
                icon: "icon-docs",
                children: [
                    {
                        id: "10026",
                        text: "layer弹出层",
                        targetType: "iframe-tab",
                        tip: 5,
                        url: "../components/ui_layer.html",
                        icon: "icon-credit-card"
                    },
                    {
                        id: "10006",
                        text: "Bootbox对话框",
                        targetType: "iframe-tab",
                        tip: 5,
                        url: "../components/ui_bootbox.html",
                        icon: "icon-screen-tablet"
                    },
                    {
                        id: "10007",
                        text: "确认框",
                        targetType: "iframe-tab",
                        url: "../components/ui_confirmations.html",
                        icon: "icon-credit-card"
                    },
                    {
                        id: "10009",
                        text: "模态窗体",
                        targetType: "iframe-tab",
                        url: "../components/ui_modals.html",
                        icon: "icon-folder"
                    },
                    {
                        id: "10027",
                        text: "模态窗体(扩展)",
                        targetType: "iframe-tab",
                        url: "../components/ui_extended_modals.html",
                        icon: "icon-folder"
                    },
                    {
                        id: "10010",
                        text: "页面加载效果1",
                        targetType: "iframe-tab",
                        url: "../components/ui_page_progress_style_1.html",
                        icon: "icon-reload"
                    },
                    {
                        id: "10011",
                        text: "页面加载效果2",
                        targetType: "iframe-tab",
                        tip: 5,
                        url: "../components/ui_page_progress_style_2.html",
                        icon: "icon-reload"
                    },
                    {
                        id: "10016",
                        text: "树",
                        targetType: "iframe-tab",
                        url: "../components/ui_tree.html",
                        icon: "icon-directions"
                    },
                    {
                        id: "10241",
                        text: "下拉框",
                        targetType: "iframe-tab",
                        url: "../components/bootstrap_select.html",
                        icon: "fa fa-minus-square-o"
                    },
                    {
                        id: "10014",
                        text: "时间轴",
                        targetType: "iframe-tab",
                        url: "../components/ui_timeline.html",
                        icon: "icon-list"
                    },
                    {
                        id: "10014",
                        text: "日起选择组件",
                        targetType: "iframe-tab",
                        url: "../components/components_date_time_pickers.html",
                        icon: "fa fa-calendar"
                    },
                    {
                        id: "10242",
                        text: "select2下拉框",
                        targetType: "iframe-tab",
                        url: "../components/components_select2.html",
                        icon: "icon-badge"
                    },
                    {
                        id: "10205",
                        text: "多选框",
                        targetType: "iframe-tab",
                        url: "../components/components_bootstrap_tagsinput.html",
                        icon: " fa fa-check-square-o"
                    },
                    {
                        id: "10206",
                        text: "多文件上传组件",
                        targetType: "iframe-tab",
                        url: "../components/form_fileupload.html",
                        icon: "  icon-action-redo "
                    },
                    {
                        id: "10207",
                        text: "图片裁剪组件",
                        targetType: "iframe-tab",
                        url: "../components/form_image_crop.html",
                        icon: "  icon-picture  "
                    }
                ]

            },
            {
                id: "10208",
                text: "表格组件",

                icon: "icon-grid",
                children: [
                    {
                        id: "10211",
                        text: "bootstraptable表格",
                        targetType: "iframe-tab",
                        url: "../tables/basetable.html",
                        icon: "fa fa-table"
                    },
                    {
                        id: "10212",
                        text: "管理表格",
                        targetType: "iframe-tab",
                        url: "../tables/managetable.html",
                        icon: "fa fa-table"
                    },
                    {
                        id: "10213",
                        text: "扩展表格",
                        targetType: "iframe-tab",
                        url: "../tables/extendtable.html",
                        icon: "fa fa-table"
                    },
                    {
                        id: "10213",
                        text: "jqgrid表格",
                        targetType: "iframe-tab",
                        url: "../tables/jqgrid.html",
                        icon: "fa fa-table"
                    }
                ]
            },
            {
                id: "10209", text: "通用模板", isOpen: false, icon: "icon-grid", children: [
                {id: "10214", text: "pc端", url: "../template/test1.html", icon: "icon-grid"},
                {id: "10215", text: "微信端", url: "../template/test2.html", icon: "icon-grid"}
            ]

            },
            {
                id: "10125",
                text: "管理后台Demo",
                url: "../supermgr/index.html",
                targetType: "blank",
                icon: "icon-doc"
            }
        ];
        $('.page-sidebar-menu').sidebarMenu({data: menus, param: {strUser: 'admin'}});

        App.fixIframeCotent();
    });

</script>

</body>

</@html>


<#--</html>-->